<script setup lang="ts">
import { useBeforeOrderStore } from '@/store/beforeOrder'

const router = useRouter()
const beforeOrderStore = useBeforeOrderStore()

function handleSave() {
  router.back()
}
</script>

<template>
  <Spacer height="24" />
  <view class="mx-24rpx rounded-20rpx bg-white px-30rpx py-40rpx">
    <view class="text-30rpx text-#333333 font-medium leading-30rpx">
      备注信息
    </view>
    <Spacer height="24" />
    <textarea
      v-model="beforeOrderStore.remark"
      class="box-border h-180rpx w-full rounded-20rpx bg-#F3F3F3 p-30rpx text-28rpx text-#333333 font-medium leading-40rpx"
      placeholder="请输入您的乘车备注信息..."
      placeholder-class="text-#999999 text-28rpx leading-40rpx font-medium"
    />
  </view>
  <view class="fixed bottom-30rpx x-center">
    <RGButton @tap="handleSave">
      保存
    </RGButton>
  </view>
</template>

<route lang="yaml">
name: 'addRemark'
style:
  navigationBarTitleText: '添加备注信息'
</route>
